﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
html{
	height:100%;
	}
body {
	margin:5px;
	padding:0px;
	font-size:16px;
	height:100%;
}
.style1 {
	width:200px;
	background-color:#3994EE;
	padding:5px;
	height:100%;
}
.style2 {
	width:190px;
	background-color: #FFF;
	padding:5px;
}
.style3 {
	margin-bottom:5px;
	width:188px;
	border:#3994EE solid 1px;
	text-align:center
}
.style4 {
	width:188px;
	height:30px;
	background-color:#3994EE;
	color:#FFF;
	font-size:24px;
}
.style5 {
	display:none;
}
.style5 div {
	font-family: "幼圆";
	margin-top:0px;
	border-bottom:#3994EE solid 1px;
	border-left:0px;
	border-right:0px;
	height:30px;
	background-color:#e7ebff;
	color: #5A5A5A;
	line-height:2;
}
.style5 div:hover {
	text-decoration:none;
	line-height:1;
	font-size:24px;
	background-color: #F0FFF8;
	color:#F60;
	cursor:pointer;
}
.style4:hover {
	background-color:#0CF;
	cursor:pointer;
}
a:link {
	text-decoration:none;
}
a:active {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
</style>
<script type="text/javascript">
	function divdisplay(divdisplay){
		var div =document.getElementById(divdisplay);
	div.style.display=div.style.display=="block"?"none":"block";
		}
</script>
<body>
<div style="height:100%;">
  <div class="style1">
    <div class="style2" align="center">
      <!--部门管理-->
      <div class="style3">
        <div class="style4" onclick="divdisplay('style5')"> <strong>部门管理</strong> </div>
        <div id="style5" class="style5"> <a href="webHtml/bmgl1.html" target="3">
          <div>新建部门</div>
          </a> <a href="webHtml/bmgl2.html" target="3">
          <div>查询部门</div>
          </a> <a href="webHtml/bmgl3.html" target="3">
          <div>查询部门下员工</div>
          </a> </div>
      </div>
      <!--岗位管理-->
      <div class="style3">
        <div class="style4" onclick="divdisplay('style6')"> <strong>岗位管理</strong> </div>
        <div id="style6" class="style5"> <a href="webHtml/gwgl1.html" target="3">
          <div>新建岗位</div>
          </a> <a href="webHtml/gwgl2.html" target="3">
          <div>查询岗位</div>
          </a> <a href="webHtml/gwgl3.html" target="3">
          <div>查询岗位下员工</div>
          </a> </div>
      </div>
      <!--员工管理-->
      <div class="style3">
        <div class="style4" onclick="divdisplay('style7')"> <strong>员工管理</strong> </div>
        <div id="style7" class="style5"> <a href="webHtml/yggl1.html" target="3">
          <div>员工入职管理</div>
          </a> <a href="webHtml/ygxxcx.html" target="3">
          <div>员工信息中心</div>
          </a> <a href="webHtml/ygyd1.html" target="3">
          <div>员工异动管理</div>
          </a> <a href="webHtml/yggl4.html" target="3">
          <div>员工离职管理</div>
          </a> </div>
      </div>
      <!--报表管理-->
      <div class="style3">
        <div class="style4" onclick= "divdisplay('style9')"> <strong>报表管理</strong> </div>
        <div id="style9" class="style5"> <a href="webHtml/bbgl1.html" target="3">
          <div>新聘员工报表</div>
          </a> <a href="webHtml/bbgl2.html" target="3">
          <div>离职员工报表</div>
          </a> <a href="webHtml/bbgl3.html" target="3">
          <div>部门调动报表</div>
          </a> <a href="webHtml/bbgl4.html" target="3">
          <div>岗位调动报表</div>
      	</div>
      </div>
    </div>
  </div>
</body>
</html>
